<!--player list-->
<section class="teams-list container">


        <div class="p-m-t flex-h-space flex-h-mid">
            <h2 class="flex-h arrow-5">
                <span class="p-text">实力排行</span>
            </h2>
            <div class="filter flex-h-right">
                <div class="p-select p-select-border p-select-icon match-year ">
                    <div class="p-select-header flex-h-mid p-tran">
                        <h3>总览</h3>
                    </div>
                    <div class="p-select-body">
                        <ul>
                            <li class="flex-h-mid">
                                <h3>总览 </h3>
                            </li>
                            <li class="flex-h-mid">
                                <h3>2016 赛季</h3>
                            </li>
                            <li class="flex-h-mid">
                                <h3>2015 赛季</h3>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="teams-search p-form-row flex-h-mid">
                    <input type="search" placeholder="Team Name" value="" id="search" class="search-input">
                    <button class="search-btn icons-sprite" id="searchBtn"></button>
                </div>
            </div>
        </div>

        <div class="p-m-c">

            <div class="data">
                <!--表头-->
                <ul class="data-li-table data-b-bottom data-bg data-w-auto">
                    <li class="title-row">
                        <div class="col col-1">排行</div>
                        <div class="col col-2">战队</div>
                        <div class="col col-3 ">地区</div>
                        <div class="col col-4 sortable desc">胜率</div>
                        <div class="col col-5 sortable">夺冠次数</div>
                        <div class="col col-6 sortable">三甲次数</div>
                        <div class="col col-7 sortable">状态</div>
                        <div class="col col-8 tips sortable ">
                            积分
                            <em data-simpletooltip="init" data-simpletooltip-theme="gray" data-simpletooltip-position="right" class="simpletooltip team-strength" title="积分旁边的括号里，显示该支队伍所获得的最近状态的分数加成，数值越大，状态越好">?</em>
                        </div>
                        <div class="col col-9 "><span class="switch-data">切换数据 +</span></div>
                    </li>
                </ul>

                <!--表数据-->
                <ul class="data-li-table data-b-bottom data-bg data-w-auto">
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-2 p-arial">
                            <img  src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/638b44a7-a9fa-4e15-9205-257a6f921d26.png" alt="name">
                            <span>SK Telecom T1</span>
                        </div>
                        <div class="col col-3 "><img width="20" src="http://cdn.esportsmatrix.com/Content/images/uploaded/region/7d7f87f0-2648-4a18-b726-a705db19805d.png" alt="name"></div>
                        <div class="col col-4 p-arial"><span class="p-green">40%</span></div>
                        <div class="col col-5 p-arial"><span class="p-red">5</span></div>
                        <div class="col col-6 p-arial"><span class="p-yellow">6</span></div>
                        <div class="col col-7 ">活跃</div>
                        <div class="col col-8 p-arial">1888 <span class="p-green">(+57)</span></div>
                        <div class="col col-9 "><span class="btn-detail-future">详情敬请期待</span></div>
                    </li>
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-2 p-arial">
                            <img  src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/638b44a7-a9fa-4e15-9205-257a6f921d26.png" alt="name">
                            <span>SK Telecom T1</span>
                        </div>
                        <div class="col col-3 "><img width="20" src="http://cdn.esportsmatrix.com/Content/images/uploaded/region/7d7f87f0-2648-4a18-b726-a705db19805d.png" alt="name"></div>
                        <div class="col col-4 p-arial"><span class="p-green">40%</span></div>
                        <div class="col col-5 p-arial"><span class="p-red">5</span></div>
                        <div class="col col-6 p-arial"><span class="p-yellow">6</span></div>
                        <div class="col col-7 ">活跃</div>
                        <div class="col col-8 p-arial">1888 <span class="p-green"> (+57)</span></div>
                        <div class="col col-9 "><a href="teams-detail.html" class="btn-detail-now">Details</a></div>
                    </li>
                </ul>
            </div>
            <div class="data hide">
                <!--表头-->
                <ul class="data-li-table data-b-bottom data-bg data-w-auto">
                    <li class="title-row">
                        <div class="col col-1">排行</div>
                        <div class="col col-12">战队</div>
                        <div class="col col-13 sortable">1st Blood</div>
                        <div class="col col-14 sortable">1st Turret</div>
                        <div class="col col-15 sortable">1st Dragon</div>
                        <div class="col col-16 sortable">首大龙</div>
                        <div class="col col-17 sortable">首先锋</div>
                        <div class="col col-18 sortable">送掉比赛</div>
                        <div class="col col-19 sortable">翻盘</div>
                        <div class="col col-8 tips sortable">
                            积分
                            <em data-simpletooltip="init" data-simpletooltip-theme="gray" data-simpletooltip-position="right" class="simpletooltip team-strength" title="积分旁边的括号里，显示该支队伍所获得的最近状态的分数加成，数值越大，状态越好">?</em>
                        </div>
                        <div class="col col-9"><span class="switch-data">切换数据 +</span></div>
                    </li>
                </ul>

                <!--表数据-->
                <ul class="data-li-table data-b-bottom data-bg data-w-auto">
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-12 p-arial">
                            <img  src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/638b44a7-a9fa-4e15-9205-257a6f921d26.png" alt="name">
                            <span>SK Telecom T1</span>
                        </div>
                        <div class="col col-13 p-arial"><span class="p-red">50%</span> </div>
                        <div class="col col-14 p-arial"><span class="p-green">40%</span></div>
                        <div class="col col-15 p-arial"><span class="p-red">5%</span></div>
                        <div class="col col-16 p-arial"><span class="p-yellow">6%</span></div>
                        <div class="col col-17 p-arial"><span class="p-yellow">6%</span></div>
                        <div class="col col-18 p-arial"><span class="p-green">12%</span></div>
                        <div class="col col-19 p-arial"><span class="p-red">12%</span></div>
                        <div class="col col-8 p-arial">1888 <span class="p-green"> (+57)</span></div>
                        <div class="col col-9 "><span class="btn-detail-future">详情敬请期待</span></div>
                    </li>
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-12 p-arial">
                            <img  src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/638b44a7-a9fa-4e15-9205-257a6f921d26.png" alt="name">
                            <span>SK Telecom T1</span>
                        </div>
                        <div class="col col-13 p-arial"><span class="p-red">50%</span> </div>
                        <div class="col col-14 p-arial"><span class="p-green">40%</span></div>
                        <div class="col col-15 p-arial"><span class="p-red">5%</span></div>
                        <div class="col col-16 p-arial"><span class="p-yellow">6%</span></div>
                        <div class="col col-17 p-arial"><span class="p-yellow">6%</span></div>
                        <div class="col col-18 p-arial"><span class="p-green">12%</span></div>
                        <div class="col col-19 p-arial"><span class="p-red">12%</span></div>
                        <div class="col col-8 p-arial">1888 <span class="p-green"> (+57)</span></div>
                        <div class="col col-9 "><a href="teams-detail.html" class="btn-detail-now">Details</a></div>
                    </li>
                </ul>
            </div>

            <div class="ajax-loading flex-abs-mid hide"><img src="/res/images/cont/loaing.gif" /></div>

        </div>






</section>